<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>ES6 模块化</title>
</head>

<body>

  <script type="module">
    // 1. 通用的导入方式
    /* // 引入 m1.js 模块内容
    import * as m1 from './src/js/m1.js'
    console.log(m1)

    // 引入 m2.js 模块内容
    import * as m2 from './src/js/m2.js'
    console.log(m2)

    // 引入 m3.js 模块内容
    import * as m3 from './src/js/m3.js'
    console.log(m3) */

    // 2. 结构赋值形式
    /* import { school, teach } from './src/js/m1.js'
    console.log(school, teach)
    import { school as guigu, findJob } from './src/js/m2.js'
    console.log(guigu, findJob)
    import { default as m3 } from './src/js/m3.js'
    console.log(m3) */

    // 3. 简便形式  针对默认暴露
    /* import m3 from './src/m3.js'
    console.log(m3) */
  </script>

  <script src="./src/js/app.js" type="module"></script>
</body>

</html>